﻿<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<title>团队</title>
<meta name="Keywords" content="" />
<meta name="Description" content=" 1" />
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="css/idangerous.swiper.css">
<link rel="stylesheet" href="css/headfoot.css">
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/idangerous.swiper-2.1.min.js"></script>
<script src="js/rem.js"></script>

<link href="css/stylekefu.css" rel="stylesheet" />
<link href="css/rem.css" rel="stylesheet" />
</head>
<body>
<div class="wrapConent">
  <div class="clqx" onClick="swt_hm('kv3830')"><img src="images/toptu.jpg" ></div>
  <h2 class="td clqx">客服团队</h2>
  <div class="topcoct pr">
    <div class="pr">
      <ul class="clearfix tc" id="listNav">
        <li>
          <div class="overflow pr"> <img src="images/鳄鱼1.jpg" class="zj-tx"> <span>空闲</span> </div>
          <h3><i>一号</i>客服</h3>
        </li>
        <li>
          <div class="overflow pr"> <img src="images/鳄鱼2.jpg" class="zj-tx"> <span>空闲</span> </div>
          <h3><i>二号</i>客服</h3>
         
        </li>
        <li>
          <div class="overflow pr"> <img src="images/鳄鱼1.jpg" class="zj-tx"> <span class="onkz">繁忙</span> </div>
          <h3><i>三号</i>客服</h3>
        
        </li>
        <li>
          <div class="overflow pr"> <img src="images/鳄鱼2.jpg" class="zj-tx"> <span class="onkz">繁忙</span> </div>
          <h3><i>四号</i>客服</h3>
         
        </li>
      </ul>
      <div class="zjtxt">
        <div class="zjcont">
          <div class="zjx"><img src="images/sjxd.png" ></div>
          <h2>一号<i></i></h2>
          <span>简介</span>
          <p>Ta还没有留下东西</p>
          <a href="javascript:;" class="ljzun tc">立即咨询<i id="name">一号</i>客服</a> </div>
        <div class="zjcont">
          <div class="zjx"><img src="images/sjxd.png" ></div>
          <h2>二号<i></i></h2>
          <span>简介</span>
          <p>Ta还没有留下东西</p>
          <a href="javascript:;" class="ljzun tc">立即咨询<i id="name">二号</i>客服</a> </div>
        <div class="zjcont">
          <div class="zjx"><img src="images/sjxd.png" ></div>
          <h2>三号<i></i></h2>
          <span>简介</span>
          <p>Ta还没有留下东西</p>
          <span>代表作品</span>
        
         
          <a href="javascript:;" class="ljzun tc">立即咨询<i id="name">三号</i>客服</a> </div>
        <div class="zjcont">
          <div class="zjx"><img src="images/sjxd.png" ></div>
          <h2>四号 <i></i></h2>
          <span>简介</span>
          <p>别看了没东西</p>
        
       
          
          <a href="javascript:;" class="ljzun tc">立即咨询<i id="name">四号</i>客服</a> </div>
      </div>
    </div>
  </div>
  <div class="part1">
    <div class="overflow mation">
      <div class="fl logo"> <img src="images/logo.png"> </div>
      <p class="fl pr"> 您好，欢迎咨询杜撰小铺 </p>
    </div>
    <div class="overflow mation">
      <div class="fl logo"> <img src="images/logo.png"> </div>
      <p class="fl pr"> <span>您可点击以上空闲状态的客服进行聊天，</span>如需等待正在聊天的客服，需耐心等候！ </p>
    </div>
    <div class="overflow mation">
      <div class="fl logo"> <img src="images/logo.png"> </div>
      <p class="fl pr"> <span>点击客服头像可查看客服详情，</span>并直接咨询</p>
    </div>
    <div id="message">
      <dl class="overflow mation" id="mation2">
        <div class="fl logo"> <img src="images/logo.png"> </div>
        <p class="fl pr"> 现在由<em id="sex">一号</em>客服和您进行对话 </p>
      </dl>
      <dl class="overflow mation" id="mation2">
        <div class="fl logo"> <img src="images/zjtu1.png" class="zj-talk"> </div>
        <p class="fl pr"> 您好！请问有什么能够帮到你吗? </p>
      </dl>
    </div>
    <div class="overflow mation last">
      <div class="fr logo"> <img src="images/shtx.png"> </div>
      <p class="fr pr last-que"></p>
    </div>
  </div>
  <div class="bottom">
    <div class="fl" style="width: 0.48rem; margin-top: 0.1rem;"><img src="images/yuyin.png"></div>
    <input type="text" class="fl" id="input-chat"/>
    <a href="javascript:;" class="fl" id="send">发送</a> </div>
</div>
<script type="text/javascript">
    var ztid= '3830';
    var bclassid= '318';
    var classid= '319';
	var noleftyh = 1;
</script>
<script type="text/javascript" src="js/tiwen.js"></script>
</body>
</html>